var arr = [
    '2007',
  '2008',
  '2009',
  '2010',
  '2011',
  '2012',
  '2013',
  '2014',
  '2015',
  '2016',
  '2017',
  '2018',
  '2019',
  '2020',
  '2021',
  '2022'
]

var obj = [
  {
    date:'10月10日',
    title:'在香港正式注册成立，结合国际先进技术，与香港服务团队共同为国内开发儿童启智、逻辑表达等方面的全新课程。'
  }

]

var lb = document.querySelector('.lb')

for(let i = 0; i < arr.length; i++){
  var div = document.createElement('div')
  div.classList.add('lb-all')
  var b = document.createElement('i')
  b.className = 'iconfont icon-left-s i'
  var span = document.createElement('span')
  span.innerText = arr[i]
  div.appendChild(b)
  div.appendChild(span)
  lb.appendChild(div)
  var ul = document.createElement('ul')
  ul.className = 'all-tow all-ul al'
  var li = document.createElement('li')
  li.classList.add('all-li')
  var span1 = document.createElement('span')
  span1.innerText = '10月10日'
  span1.style.color = '#3399FF'
  var p = document.createElement('p')
  p.innerText = '在香港正式注册成立，结合国际先进技术，与香港服务团队共同为国内开发儿童启智、逻辑表达等方面的全新课程。'
  li.appendChild(span1)
  li.appendChild(p)
  ul.appendChild(li)
  lb.appendChild(ul)
}
//获取所有lb-all
var lbAll = document.querySelectorAll('.lb-all')
var alls = document.querySelectorAll('.al')
var icon = document.querySelectorAll('.i')
for(let i = 0; i < lbAll.length; i++){
  lbAll[i].onclick = function () {
    alls[i].classList.toggle('allll')
    icon[i].classList.toggle('icon')
  }
}
var fh = document.querySelector('.fh')
document.onscroll = function () {
  if (document.documentElement.scrollTop > 400){
    fh.style.display = 'block'
  }
  if (document.documentElement.scrollTop < 300){
    fh.style.display = 'none'
  }
}

fh.onclick = function () {
  document.documentElement.scrollTop = 0
  fh.style.display = 'none'
}
